widgets.brease.BasicSlider

Widget Description

short: Schieberegler horizontal/vertical
de: Ermöglicht dem Benutzer einen numerischen Wert mit einem Schiebeschalter zu verändern
en: Enables the user to change a numeric value by a slider

Properties

name description category type defaultValue bindable readOnly required localizable editableBinding projectable cssProp (has no setter and getter in JS) groupRefId groupOrder nodeRefId (for linking node and value) deprecated typeRefId (for StyleReference) subtype (for MpComIdentReference)
changeOnMove Send value to plc during Movement of the slider if true. Behavior Boolean true false false false false false true
ellipsis Defines if the Value inside the Valuedisplay should be shown with ellipsis. Appearance Boolean false false false false false false true
enable Initial option to enable widget. Behavior Boolean true true false false false false true
format NumberFormat for every measurement system Appearance brease.config.MeasurementSystemFormat {'metric':{ 'decimalPlaces' : 1, 'minimumIntegerDigits' : 1 }, 'imperial' :{ 'decimalPlaces' : 1, 'minimumIntegerDigits' : 1 }, 'imperial-us' :{ 'decimalPlaces' : 1, 'minimumIntegerDigits' : 1 }} true false false false false true
image Path to an optional image for the slider thumb. Appearance ImagePath false false false false false true
largeChange Step interval of the slider. Behavior UNumber 10 false false false false false true
majorTicks Number of displayed ticks of the slider. Appearance UInteger 5 false false false false false true
maxValue Maximal displayable value. Behavior Number 100 false false false false false true
minValue Minimal displayable value. Behavior Number 0 false false false false false true
node Value with unit for node binding. Data brease.datatype.Node true false false false true true
orientation Orientation of the slider. Appearance brease.enum.Orientation LeftToRight false false false false false true
permissionOperate restricts operability to users, which have given roles Accessibility RoleCollection no defaultValue
defined		 false false false false false true
permissionView restricts visibility to users, which have given roles Accessibility RoleCollection no defaultValue
defined		 false false false false false true
scaleOffset Specifies the padding between the scale and the track of the widget in pixel. Appearance PixelVal 15px false false false false false true
showTickNumbers Option to show the numbers next to the ticks. Appearance Boolean false false false false false false true
showUnit Determines if the unit is shown in the value display. Behavior Boolean false false false false false false true
showValueDisplay Option to show value and unit in an output next to the slider thumb. Behavior Boolean false false false false false false true
smallChange Step interval of the slider by dragging the thumb. Behavior UNumber 1 false false false false false true
style reference to a style for this widget type Appearance StyleReference default true false false false false true
tabIndex sets if a widget should have autofocus enabled (0), the order of the focus (>0), or if autofocus should be disabled (-1) Behavior Integer -1 false false false false false true
thumbSize Specifies the size of the slider thumb in pixel. Appearance PixelVal 25px false false false false false true
tickPosition Position of the axis with the ticks. Appearance brease.enum.TickStyle none false false false false false true
tooltip reference to a tooltip for a widget Appearance String false false false true false true
trackSize Thickness of the slider track in pixel. Appearance PixelVal 7px false false false false false true
unit Unit code for every measurement system. Appearance brease.config.MeasurementSystemUnit true false false false false true
value Initial visible value of slider. Data Number 0 true false false false true true node
valueDisplaySize Size of the value display in pixel. Appearance PixelVal 35px false false false false false true
visible change visibility Behavior Boolean true true false false false false true
maxHeight maximum outer height of widget Size 0 false false false true true
minHeight minimum outer height of widget Size 0 false false false true true
maxWidth maximum outer width of widget Size 0 false false false true true
minWidth minimum outer width of widget Size 0 false false false true true
zIndex The zIndex property specifies the z-order of a widget and its childs.
When widgets overlap, z-order determines which one covers the other. A widget with a larger zIndex generally covers a widget with a lower one.
The zIndex must be unique within a content.
 UInteger no defaultValue
defined		 false false true true true
left absolute position measured from left boundary of parent container Integer no defaultValue
defined		 false false false true true
top absolute position measured from top boundary of parent container Integer no defaultValue
defined		 false false false true true
height outer height of widget Size 100 false false false true true
width outer width of widget Size 250 false false false true true

Styleable Properties

name type description defaultValue
borderWidth PixelValCollection

border width of the widget

 0px
cornerRadius PixelValCollection

corner radius of the widget

 0px
borderStyle BorderStyle

border style of the widget

 solid
backColor Color

background color of the widget

 transparent
backGroundGradient Gradient

background of the widget as a gradient
thumbColor Color

background color of the slider thumb

 #FF8800
thumbGradient Gradient

background of the slider thumb as a gradient
borderColor ColorCollection

border color of the widget

 #C8C8C8
opacity Opacity

opacity of the widget

 1
trackColor Color

background color of the slider line

 #C8C8C8
trackGradient Gradient

background of the slider line as a gradient
fillColor Color

background color of the slider line

 transparent
fillGradient Gradient

background of the slider line as a gradient
padding Padding

padding of the widget

 10px
margin Margin

margin of the widget

 0px
shadow Shadow

shadow of the widget

 none
fontSize PixelVal

Fontsize of the text in pixel

 10px
fontName FontName

Fontname of the text

 Arial
textColor Color

Sets a color of the text on the Scale

 #000000
valueDisplayTextColor Color

Sets a color of the text inside the ValueDisplay

 #000000
valueDisplayBackColor Color

Sets a backColor of the ValueDisplay

 #f1f1f1
valueDisplayBackGroundGradient Gradient

Sets a backColor of the ValueDisplay
ticksColor Color

Sets a color of the text on the Scale

 #000000
disabledThumbColor Color

Sets the color of the thumbColor when the widget is disabled

 #F1F1F1
disabledTrackColor Color

Sets the color of the trackColor when the widget is disabled

 #EAEAEA
disabledThumbGradient Gradient

Sets the color of the thumbColor when the widget is disabled
disabledTrackGradient Gradient

Sets the color of the trackGradient when the widget is disabled
disabledFillColor Color

background color of the slider line

 transparent
disabledFillGradient Gradient

background of the slider line as a gradient
disabledBackColor Color

Sets the background color of the widget when disabled

 transparent
disabledBackGroundGradient Gradient

Sets the color of the background of the widget as a gradient when the widget is disabled

Events

name description arguments
Click Fired when element is clicked on.
  • origin: String

    id of widget that triggered this event

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

DisabledClick Fired when disabled element is clicked on.
  • origin: String

    id of widget that triggered this event

  • hasPermission: Boolean

    defines if the state is caused due to missing roles of the current user

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

EnableChanged Fired when operability of the widget changes.
  • value: Boolean

    operability

FocusIn Fired when the widgets gets focus
FocusOut Fired when the widgets lost focus
MouseDown Fired when widget enters mouseDown state
  • horizontalPos: String

    horizontal position of mouse in pixel i.e '10px'

  • verticalPos: String

    vertical position of mouse in pixel i.e '10px'

MouseUp Fired when widget enters mouseUp state
  • horizontalPos: String

    horizontal position of mouse in pixel i.e '10px'

  • verticalPos: String

    vertical position of mouse in pixel i.e '10px'

OnDragEnter Fired when element has onDragEnter.
  • contentId: String

    content id of the widget that has been entering the droppable widget

  • widgetId: String

    id of the widget that has been entering the droppable widget

OnDragLeave Fired when element has OnDragLeave.
  • contentId: String

    content id of the widget that has been leaving the droppable widget

  • widgetId: String

    id of the widget that has been leaving the droppable widget

OnDrop Fired when element has OnDrop.
  • contentId: String

    content id of the widget that has been dropped on the droppable widget

  • widgetId: String

    id of the widget that has been dropped on the droppable widget

ValueChanged Fired when index changes.
  • value: Number

VisibleChanged Fired when the visibility of the widget changes.
  • value: Boolean

    visibility

Actions

name description arguments result
Focus Sets focus on the widget element, if it can be focused and keyboardOperation=true
GetValue get the value value
SetEnable Sets the state of property «enable»
  • value: Boolean

SetImage Sets image
  • image: ImagePath

SetStyle
  • value: StyleReference

SetValue sets the value
  • value: Number

SetVisible Sets the state of property «visible»
  • value: Boolean

ShowTooltip